<html>
<head>
  <title>Welcome to Grails Maps</title>
  <meta name="layout" content="main"/>


  <script type="text/javascript">

    /* jQuery on Ready. set unload event to unload google maps objects
     * Wrap in compatibility function */
    (function($) {
      $(window).unload(function () {
        GUnload();
      });

    })(jQuery);



  </script>

  <script type="text/javascript">


    google.load("maps", "2.x");
    google.setOnLoadCallback(initialize);


    function initialize() {
      <!-- set up dynamic map  to center of us-->
      var map = new google.maps.Map2(document.getElementById("map"));
      map.setCenter(new GLatLng(40.00, -91.00), 3);
      map.setUIToDefault();
    }

  </script>

</head>
<body>
<div id="state-wrapper">
  <g:include controller="state" action="list"/>
</div>
<div id="main-content">
  <div id="page-info">
    <h1>Welcome to Sarasota Tech Fest - Map Demo</h1>
    <p>Select a state to view cities and maps</p>

    <div>
      <g:form controller="state" action="listCities">
        <label>Search</label><span><g:textField name="searchText" value=""/></span>
        <g:submitButton name="search" value="Search"/>
      </g:form>
    </div>
  </div>
  <div id="map-wrapper">
    <div id="map">
      <!-- set up static map  to center of us-->
      <img src="http://maps.google.com/maps/api/staticmap?center=40.00,-91.00&zoom=3&size=500x300&key=ABQIAAAAiVvLfVjjB1KmQhUm1SwcpBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQQKUpurwoNEcA7_Vi5pMFL-IGerw&sensor=false"/>
    </div>
  </div>
     <div id="ajax-status">ajax status</div> 

</div>
</body>
</html>